import { Button, Divider, Space } from '@mao-fu/sun-ui';
import React from 'react';

const App: React.FC = () => {
  return (
    <div>
      <h4>水平分割线</h4>
      <Space display="flex" direction="vertical" align="normal">
        <div>
          <Button>按钮</Button>
          <Divider direction="horizontal" type="solid" />
          <Button>按钮</Button>
        </div>
        <div>
          <Button>按钮</Button>
          <Divider direction="horizontal" type="dashed" />
          <Button>按钮</Button>
        </div>
        <div>
          <Button>按钮</Button>
          <Divider direction="horizontal" type="dotted" />
          <Button>按钮</Button>
        </div>
      </Space>
      <h4>垂直分割线</h4>
      <Space>
        <div>
          <Button>按钮</Button>
          <Divider direction="vertical" type="solid" />
          <Button>按钮</Button>
        </div>
        <div>
          <Button>按钮</Button>
          <Divider direction="vertical" type="dashed" />
          <Button>按钮</Button>
        </div>
        <div>
          <Button>按钮</Button>
          <Divider direction="vertical" type="dotted" />
          <Button>按钮</Button>
        </div>
      </Space>
    </div>
  );
};

export default App;
